﻿body {
}


.ol-layerManagement
{
    margin:0px auto;

    padding:0px;

    width:100%;
    height:100%;

    
}

.checkbox {
    display:inline;
    margin-left:0px;
    padding-left:0px;
}
.range {
    width:80px;
    display:block;
}

.layername {
    margin-left:10px;
    font-size:1.2em;
    cursor:pointer;
}

.layerparam {
    margin-left:20px;
}

.paramname {
    
}

.swipecheckbox {
    display:inline;
    margin-left:0px;
    padding-left:0px;
}


.ol-layerManagement ul {
    padding-left:5px;
    margin-left:2px;
    margin-bottom:0px;
}

    .ol-layerManagement ul li {
        margin-left:20px;
    }

        .ol-layerManagement ul li.first {
            margin-left:0px;
        }


.layercontrolcontainer {
    
}

    .layercontrolcontainer a {
        background: url('../resource/control.png') no-repeat;
        width: 16px;
        height: 16px;
        margin-left: 5px;
        display:inline-block;
    }
    .layercontrolcontainer a:hover
    {
        cursor: pointer;
    }

    .layercontrolcontainer a.removelayer {
        background-position: -49px 0px;
    }


    .layercontrolcontainer a.uplayer {
        background-position: -17px 0px;
    }

    .layercontrolcontainer a.downlayer {
        background-position: 0px 0px;
    }



